<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
      
    <h:head>
        <title>Administrador</title>
        <link rel="stylesheet" href="resources/css/style.css" />
         <h:outputStylesheet library="css" name="style.css"/>
        
    </h:head>
    <h:body onload="#{ControladorUsuarios.cargarTablaUsuarios()}">
   
   <p:layout fullPage="true">  
  
       <p:layoutUnit position="north" size="100">  
        <h:outputText value="North unit content." />  
    </p:layoutUnit>  
  
      <!-- <p:layoutUnit position="south" size="100" header="Bottom" styleClass="bot">  
        <h:outputText value="South unit content." />  
    </p:layoutUnit>  -->
  
    <p:layoutUnit position="west" size="200" header="Left" resizable="true" closable="true" collapsible="true" >  
        <h:outputText value="West unit content." />  
    </p:layoutUnit>  
  
    <p:layoutUnit position="east" size="200" header="Right" resizable="true" closable="true" collapsible="true" effect="drop" >  
        <h:outputText value="Right unit content." />  
    </p:layoutUnit>  
  
    <p:layoutUnit position="center" >  
        <p:tabView id="tabView">  
  
    <p:tab id="tab1" title="Gestion de usuarios">       
     <h:form>
         <p:dataTable  id="datatable1" 
                       value="#{ControladorUsuarios.listaUsuarios}"
                       var="lis" 
                       style="column-width: 50px;font-size: 12px;"
                       paginator="true"
                       rows="10"
                       rowsPerPageTemplate="10,20,30"
                       rowKey="#{lis.login}"
                       selection="#{ControladorUsuarios.usuario}"
                       selectionMode="single"
                       
                       >
             <p:column sortBy="#{lis.login}" filterBy="#{lis.login}" headerText="Login">
                <h:outputText value="#{lis.login}"/>
            </p:column>
           <!-- <p:column headerText="Password">
                <h:outputText value="#{lis.contrasena}"/>
            </p:column>-->
            <p:column headerText="Tipo">
                <h:outputText value="#{lis.tipousuario}"/>
            </p:column>
            <p:column headerText="Estado">
                <h:outputText value="#{lis.estado}"/>
            </p:column>
            
            </p:dataTable>
      </h:form>    
   </p:tab>          
</p:tabView>  
        
     
        <p:panelGrid id="panelgrid1" columns="3">
        <p:commandButton id="boton" value="Create" icon="ui-icon-circle-plus" onclick="dlg.show();"/>
        <p:commandButton id="boton2" value="View" update="display" icon="ui-icon-search" oncomplete="dlg2.show();"/>
        <p:commandButton id="boton3" value="Editar" image="lapiz" update="display2" oncomplete="dlg3.show();"/>
           
            <p:dialog id="dialog3" header="Editar" widgetVar="dlg3" resizable="false" 
                      modal="false" hideEffect="fold"
                      showEffect="clip">
                <h:form id="display2">
                
            <h:panelGrid columns="3" cellpadding="5">  
                
            <h:outputLabel for="Login" value="Login:" />  
            <p:inputText  id="EditLogin" required="true" requiredMessage="Digite el Login" value="#{ControladorUsuarios.usuario.login}" disabled="true"/>
            <p:message id="editloginmessage" for="EditLogin" />
            
            <h:outputLabel for="password" value="Contraseña:" />  
            <p:password id="Editpass" required="true" requiredMessage="Digite la contraseña"  value="#{ControladorUsuarios.usuario.contrasena}"/>
            <p:message id="Editpassmessage" for="Editpass" /> 
          
            <h:outputLabel for="Tipo" value="Tipo:" />  
            <p:inputText  id="EditTipo" required="true" requiredMessage="Digite el Tipo" value="#{ControladorUsuarios.usuario.tipousuario}"/>
            <p:message id="EditTipotMessage" for="EditTipo" />
            
            <h:outputLabel for="Estado" value="Estado:" />  
            <p:inputText  id="EditEstado" required="true" requiredMessage="Digite el Estado" value="#{ControladorUsuarios.usuario.estado}"/>
            <p:message id="EditEstadotMessage" for="EditEstado" />
            
            <f:facet name="footer">  
                <p:commandButton id="EditButton" value="Modificar" actionListener="#{ControladorUsuarios.editarUsuario()}" onclick="dlg3.hide();"/>  
            </f:facet>  
            
                  </h:panelGrid>  
                </h:form>
                </p:dialog> 

            
             <p:dialog id="dialog2" header="usuario" widgetVar="dlg2" resizable="false"  
              showEffect="clip" hideEffect="fold">  
  
            <h:panelGrid id="display" columns="2" cellpadding="4">  
  
            <h:outputText value="Login:" />  
            <h:outputText value="#{ControladorUsuarios.usuario.login}" />
            <h:outputText value="Tipo:" />  
            <h:outputText value="#{ControladorUsuarios.usuario.tipousuario}" />
            <h:outputText value="Login:" />  
            <h:outputText value="#{ControladorUsuarios.usuario.estado}" />
        </h:panelGrid>  
    </p:dialog> 
        
            <p:dialog id="dialog" header="Create" widgetVar="dlg" resizable="false" modal="false">
            <h:form>
            <h:panelGrid id="grid2" columns="3" cellpadding="5">  
            <h:outputLabel for="Login" value="Login:" />  
            <p:inputText  id="login2" required="true" requiredMessage="Digite el Login" value="#{ControladorUsuarios.txtLogin}"/>
            <p:message id="defaultMessage" for="login2" />
            
            <h:outputLabel for="password" value="Contraseña:" />  
            <p:password id="pass" required="true" requiredMessage="Digite la contraseña"  value="#{ControladorUsuarios.txtPassword}"/>
            <p:message id="default" for="pass" /> 
          
            <h:outputLabel for="Tipo" value="Tipo:" />  
            <p:inputText  id="Tipo" required="true" requiredMessage="Digite el Tipo" value="#{ControladorUsuarios.txtTipo}"/>
            <p:message id="defaultMessage2" for="Tipo" />
            
            <h:outputLabel for="Estado" value="Estado:" />  
            <p:inputText  id="Estado" required="true" requiredMessage="Digite el Estado" value="#{ControladorUsuarios.txtEstado}"/>
            <p:message id="defaultMessage3" for="Estado" />
            
            <f:facet name="footer">  
                <p:commandButton id="loginButton" value="guardar" actionListener="#{ControladorUsuarios.crearUsuarios()}" onclick="dlg.hide();"/>  
            </f:facet>  
            
                 </h:panelGrid>  
                </h:form>
                </p:dialog> 
        </p:panelGrid>   
        
        
    </p:layoutUnit>  
  
</p:layout>     
   
    </h:body>
</html>



